iT邦幫忙

2023 iThome 鐵人賽

DAY 20
0
SideProject30

Hugo your Blog and Host your Podcast. 系列 第 20

BuyMeACoffee / We all need some coffee.

  • 分享至 

  • xImage
  •  

Buy me a coffee 酷酷的

  • 相信大家都希望自己的網站能夠有一些收入,但是這個網站還很乾淨,沒有任何廣告,有一些酷酷的東西可以加入讓網站有一些互動
  • LikeCoin, Buy me a coffee 前者是一個以虛擬讚賞化作虛擬貨幣的區塊鍊社群(詳情請找官網,我也一知半解),後者就是直接的刷下去支持創作者
  • 雖然目前提領的方式有些麻煩,但等有一天需要提領再煩惱吧,先酷起來~

該怎麼做

  • 先在 Buy me a coffee 註冊完成基本資料的填寫,並產生自己的 ID 與頁面。
    https://ithelp.ithome.com.tw/upload/images/20231005/20152944AQrUbuJruO.png
    https://ithelp.ithome.com.tw/upload/images/20231005/20152944HfO26XqXcY.png
  • 發現前人的好用工具
  • 在 Installation 環節可以先用簡單的 Install only current shortcodedownload shortcode file 內的文件按照路徑放到 Hugo website 的 /layouts/shortcodes
    https://ithelp.ithome.com.tw/upload/images/20231005/20152944Sz4aHDobJF.png
  • 之後就可以在你想要加入的地方使用 shortcut {{< bmc-button slug="你的 ID" >}}
    https://ithelp.ithome.com.tw/upload/images/20231005/20152944K2fgUYcemr.png
  • 重新產生 Hugo 頁面,可以先在 local hugo server 檢查效果,確認 shortcut 是指引到正確的頁面
  • 再來就是使用 script 去處發後續的部屬工作,並等待 CDN 過期的更新,就能看到酷酷的按鈕囉!(並傻傻的期待會有人贊助...)

其他延伸

  • 其實可以串的金流還有很多,像是 line, 綠界, paypal 等等,但是我們還是先從簡單的開始就好(畢竟這份挑戰的目標是每天十分鐘可以完成一個小功能)
  • Buy me a coffe 有串接 Stripe 的方式,BUT 目前還沒有支援台灣的樣子,除非有酷炫的門道可以解決

外出取材

  • 離開艾雷島有海風鹹味的憂傷,期待再相逢,不論是在 Islay 或世界任何角落。
    https://ithelp.ithome.com.tw/upload/images/20231005/20152944wrboc5HInh.png
  • 回家前安排在愛丁堡幾天,但愛丁堡出奇的小,大概會花很多時間走路、喝咖啡、看著尖塔發呆吧。
    https://ithelp.ithome.com.tw/upload/images/20231005/2015294428lNdEr6dj.png

上一篇
MP3 file / Almost nothing changed.
下一篇
AWS Cloudfront Invalidation / Forget-me-right-now.
系列文
Hugo your Blog and Host your Podcast. 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言